<template>
	<view>
		<!-- 头部 -->
		<div class="topItem">
			<div class="top">
				<u-icon name="account-fill" size="40"></u-icon>
				<span>大跃进事业部</span>
				<u-button type="default" size="mini" disabled="true">未成交</u-button>
			</div>
			<div class="bottom">
				<div class="topContainer">
					<u-icon name="man-add" size="30"></u-icon>
					<span>admin</span>
				</div>
				<div class="bottomContainer">
					<u-icon name="phone" size="30"></u-icon>
					<span>--</span>
				</div>
			</div>
		</div>
		<!-- 底部 -->
		<ActivityInformation />
	</view>
</template>

<script>
	import ActivityInformation from '../../../components/ActivityInformation/index.vue'
	export default {
		data() {
			return {
			}
		},
		components:{
			ActivityInformation
		}

	}
</script>

<style lang="less">
.topItem{
	height: 200rpx;
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
	padding: 30rpx;
	box-sizing: border-box;
	.top{
		display: flex;
		justify-content: space-between;
		span{
			margin-right: 180rpx;
		}
	}
	.bottom{
		.topContainer,.bottomContainer{
			display: flex;
			justify-content: space-between;
			span{
				margin-right: 80%;
				text-align: left;
			}
		}
		
	}
}



</style>
